<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
        crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>夏木禾 - 产品案例</title>
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-md navbar-light bg-theme">
            <div class="container">
                <a class="navbar-brand d-none d-sm-block" href="#">
                    <img src="./img/logo.png" alt="夏木禾">
                </a>
                <button class="navbar-toggler bg-white" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse " id="navbarSupportedContent">
                    <ul class="navbar-nav nav-float">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="case.html">产品案例</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">关于我们</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div id="headerCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
            <ol class="carousel-indicators">
                <li data-target="#headerCarousel" data-slide-to="0"></li>
                <li data-target="#headerCarousel" data-slide-to="1"></li>
                <li data-target="#headerCarousel" data-slide-to="2" class="active"></li>
                <li data-target="#headerCarousel" data-slide-to="3"></li>
                <li data-target="#headerCarousel" data-slide-to="4"></li>
                <li data-target="#headerCarousel" data-slide-to="5"></li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/1.jpg" alt="First slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/2.jpg" alt="Second slide">
                </div>
                <div class="carousel-item active">
                    <img class="d-block slider" src="./img/3.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/4.jpg" alt="Second slide">
                </div>
                <div class="carousel-item">
                    <img class="d-block slider" src="./img/5.jpg" alt="Second slide">
                </div>
                <div class="carousel-item ">
                    <img class="d-block slider" src="./img/6.jpg" alt="Second slide">
                </div>
            </div>
        </div>

    </header>

    <section id="content">
        <section class="home-section">
            <div class="container">
                <div class="top text-center">
                    <h1>政务微信开发</h1>
                    <p class="description">丰富的政务开发经验和强大的技术实力</p>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-5">
                        <h3 class="case-title">【微党建】</h3>
                        <p class="case-description">实现党员信息管理、上下级沟通，覆盖网络课堂、考试系统、内部交流学习等功能，实现基层党建工作的信息化。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6  offset-md-1">
                        <img src="./img/case-1.png" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="d-block d-md-none col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微矩阵】</h3>
                        <p class="case-description">实现阵营不同微信公众号之间的互联互通，可多账号互动，集体发声发力，从而扩大公众号影响力。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6">
                        <img src="./img/case-2.png" alt="">
                    </div>
                    <div class="d-none d-md-block col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微矩阵】</h3>
                        <p class="case-description">实现阵营不同微信公众号之间的互联互通，可多账号互动，集体发声发力，从而扩大公众号影响力。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-5">
                        <h3 class="case-title">【微政采】</h3>
                        <p class="case-description">“互联网+政府采购”新模式，实现全业务、全流程的政府采购服务。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6  offset-md-1">
                        <img src="./img/case-3.png" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="d-block d-md-none col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微环保】</h3>
                        <p class="case-description">环保动态、空气质量、群众互动，时刻让群众掌握周边生活环境，做到与群众良好互动，共同建设美好生态。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6">
                        <img src="./img/case-4.png" alt="">
                    </div>
                    <div class="d-none d-md-block col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微环保】</h3>
                        <p class="case-description">环保动态、空气质量、群众互动，时刻让群众掌握周边生活环境，做到与群众良好互动，共同建设美好生态。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-5">
                        <h3 class="case-title">【微教育】</h3>
                        <p class="case-description">教育信息发布、录播视频教学、直播互动教室和校园互动平台四大功能，解决中国教育资源地域分布不均衡、供求信息不对等问题。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6  offset-md-1">
                        <img src="./img/case-5.png" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="d-block d-md-none col-12 col-md-5 offset-md-1">
                        <h3 class="case-title">【微交通】</h3>
                        <p class="case-description">交通系统的党建/政务信息，招标信息等的发布，审批进度查询。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6">
                        <img src="./img/case-6.png" alt="">
                    </div>
                    <div class="d-none d-md-block col-12 col-md-5 offset-md-1">
                        <h3 class="case-title">【微交通】</h3>
                        <p class="case-description">交通系统的党建/政务信息，招标信息等的发布，审批进度查询。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-5">
                        <h3 class="case-title">【微举报】</h3>
                        <p class="case-description">适用于政府单位、事业单位、大型集团企业。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6  offset-md-1">
                        <img src="./img/case-7.png" alt="">
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section page-case">
            <div class="container">
                <div class="row">
                    <div class="d-block d-md-none col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微审批】</h3>
                        <p class="case-description">多种审批模板，在手机上轻松进行审批管理，线上申请，一键审批。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                    <div class="col-12 col-md-6">
                        <img src="./img/case-8.png" alt="">
                    </div>
                    <div class="d-none d-md-block col-12 col-md-5  offset-md-1">
                        <h3 class="case-title">【微审批】</h3>
                        <p class="case-description">多种审批模板，在手机上轻松进行审批管理，线上申请，一键审批。</p>
                        <p class="case-logo d-none d-sm-block"><img src="./img/logo-3.png" alt=""></p>
                    </div>
                </div>
            </div>
        </section>

        <section class="home-section">
            <div class="container">
                <div class="col-md-10  offset-md-1">
                    <div class="top text-center">
                        <h1>智慧政务移动办公产品</h1>
                        <p class="description">以微信企业号为基础进行二次开发，解决机构内部管理、图文推送、考勤打卡、公文签批、会议通知等日常办公需求，实现便捷安全的移动办公。</p>
                    </div>
                    <div class="case-service row">
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>即时沟通</h1>
                                <p>可分级建立具有保密性的内部通讯录、实现实时沟通，提供分级权限内可向不同范围人员发送通知、公告，支持图片、文字、语音、视频、文件等。</p>
                            </div>
                        </div>
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>考勤打卡</h1>
                                <p>上下班利用微信考勤打卡，设置考勤打卡的地理范围和时间，通过微信端获取地理位置功能定位到用户所在区域是否是办公区域，微信后台将考勤信息推送到考勤系统中进行记录。</p>
                            </div>
                        </div>
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>公文签批</h1>
                                <p>政务机构内部部分公文，可通过扫描或拍照形式上传微信，并按照预设签批流程进行在线签批，提高公文审批效率。</p>
                            </div>
                        </div>
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>事项审批</h1>
                                <p>通过微信提交事项审批申请，按照预设流程提交审批内容，可处理请假、出差、合同、用章等内部事项审批，提高工作效率降低成本。</p>
                            </div>
                        </div>
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>会议发起</h1>
                                <p>通过微信可进行会议管理，发起会议并在线通知参会人、参会时间、会议主题等信息，通过微信内部实现签到，有效送达重要会议通知提高效率。</p>
                            </div>
                        </div>
                        <div class="item col-12 col-sm-6">
                            <div class="card">
                                <h1>特殊定制</h1>
                                <p>可根据政务部门需求定制微信企业号移动办公产品功能。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="website">
                <div class="row">
                    <div class="col-md-3 d-none d-sm-block">
                        <img src="./img/logo.png" alt="">
                    </div>
                    <div class="col-md-7 offset-md-2 website-info">
                        <p><a href="index.html">夏木禾首页</a> 丨 <a href="case.html">产品案例</a> 丨 <a href="about.html">关于我们</a></p>
                        <p>地址：北京市海淀区海淀大街27号1-4层部分1-020</p>
                    </div>
                </div>
            </div>
            <div class="copyright text-center">
                <p>Copyright ©2018 www.xiamuhe.com. All Rights Reserved. 夏木禾（北京）文化传播有限公司 <a href="//www.miitbeian.gov.cn">京ICP备18037363号-1</a>
                </p>
            </div>
        </div>
    </footer>
    <script src="https://cdn.bootcss.com/lodash.js/4.17.11/lodash.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://unpkg.com/popper.js/dist/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
        crossorigin="anonymous"></script>
</body>

</html>